<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:40:"themes/simpleboot3/blog\index\index.html";i:1518165246;s:33:"themes/simpleboot3/blog\head.html";i:1518614076;s:33:"themes/simpleboot3/blog\foot.html";i:1519553124;}*/ ?>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title><?php echo $title; ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="龙窝个人工作室！" />
	<meta name="keywords" content="龙窝工作室,白龙,糖醋里脊,龙窝,许愿墙,凡君阿,425084984" />

		
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="/icon.jpg">

    <!--<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet">-->

    <!-- Animate.css -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="__TMPL__/public/view/css/icomoon.css">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/bootstrap.css">
    <!-- Flexslider  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/flexslider.css">
    <!-- Owl Carousel  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/owl.carousel.min.css">
    <link rel="stylesheet" href="__TMPL__/public/view/css/owl.theme.default.min.css">
    <!-- Theme style  -->
    <link rel="stylesheet" href="__TMPL__/public/view/css/style.css">

    <!-- Modernizr JS -->
    <script src="__TMPL__/public/view/js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="__TMPL__/public/view/js/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery -->
    <script src="__TMPL__/public/view/js/jquery.min.js"></script>
    <!--vue-->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>

</head>
<body>


<div id="fh5co-page">
    <header id="fh5co-header" role="banner">
        <div class="container">
            <div class="header-inner">
                <h1 id="h12"><a href="<?php echo cmf_url('blog/index/index'); ?>">{{message}}&nbsp;&nbsp;</a></h1>
                <script>
                    var h1 = new Vue({
                        el:'#h12',
                        data:{
                            message:'龙窝 Luck'
                        }
                    })
                </script>
                <nav role="navigation">
                    <ul id="nav">
                        <li><a href="<?php echo cmf_url('blog/index/index'); ?>">{{nav0}}</a></li>
                        <li><a href="<?php echo cmf_url('blog/index/listwork'); ?>">{{nav1}}</a></li>
                        <li><a href="#">{{nav8}}</a></li>
                        <li><a href="<?php echo cmf_url('blog/message/index'); ?>">{{nav7}}</a></li>
                        <li><a href="<?php echo cmf_url('blog/index/callus'); ?>">{{nav5}}</a></li>
                        <li class="cta"><a href="#">{{nav6}}</a></li>
                    </ul>
                </nav>
                <script>
                    var nav = new Vue({
                        el:'#nav',
                        data:{
                            nav5:'建议 & 联系我们',
                            nav1:'网友的话 & 鸡汤',
                            nav6:'写出你想对 Ta 说的话',
                            nav0:'首页',
                            nav7:'许愿墙',
                            nav8:'文'
                        }
                    })
                </script>
            </div>
        </div>
    </header>
	
	<div class="container">
		
	</div>
	<aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul id="indextext" class="slides">
		   	<li style="background-image: url(__TMPL__/public/view/images/slide1.jpg);">
		   		<div class="overlay-gradient"></div>
		   		<div class="container">
		   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
		   				<div class="slider-text-inner">
		   					<h2>{{text1}}</h2>
		   					<p><a href="#" class="btn btn-primary btn-lg">现在就去 ！</a></p>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		   	<li style="background-image: url(__TMPL__/public/view/images/slide2.jpg);">
		   		<div class="container">
		   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
		   				<div class="slider-text-inner">
		   					<h2>{{text2}}</h2>
		   					<p><a href="<?php echo cmf_url('blog/index/callus'); ?>" class="btn btn-primary btn-lg">去留言 ！</a></p>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		   	<li style="background-image: url(__TMPL__/public/view/images/slide3.jpg);">
		   		<div class="container">
		   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
		   				<div class="slider-text-inner">
		   					<h2>{{text3}}</h2>
		   					<p><a href="<?php echo cmf_url('blog/index/listwork'); ?>" class="btn btn-primary btn-lg">点击传送！</a></p>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		  	</ul>
			<script>
                var text = new Vue({
                    el:'#indextext',
                    data:{
                        text1:'在这里你可以说出想对 TA 说的秘密，书写你的鸡汤',
                        text2:'如果有需要改进的地方，请给我留言！',
						text3:'或者你想去喝碗鸡汤'
                    }
                })
			</script>
	  	</div>
	</aside>
	<div id="fh5co-services-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Our Awesome Features</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-laptop"></i>
						<div class="desc">
							<h3>Dashboard</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-server"></i>
						<div class="desc">
							<h3>Administration</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-money"></i>
						<div class="desc">
							<h3>Make Money</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-tablet"></i>
						<div class="desc">
							<h3>SEO Monitoring</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-line-chart"></i>
						<div class="desc">
							<h3>Online Marketing</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-pie-chart"></i>
						<div class="desc">
							<h3>Business Analytics</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
	<div id="fh5co-work-section" class="fh5co-light-grey-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Latest Projects</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_1.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web Application</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_2.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">User Interface</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_3.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Branded</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_4.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_5.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Illustration</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_6.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web Application</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a href="#" class="btn btn-primary with-arrow">View More Projects <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>
		</div>
	</div>
	<div id="fh5co-testimony-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Clients Feedback</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12 col-offset-0 to-animate">
					<div class="wrap-testimony animate-box">
						<div class="owl-carousel-fullwidth">
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="__TMPL__/public/view/images/person1.jpg" alt="user">
									</figure>
									<blockquote>
										<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
									</blockquote>
									<span>Athan Smith, via <a href="#" class="twitter">Twitter</a></span>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="__TMPL__/public/view/images/person2.jpg" alt="user">
									</figure>
									<blockquote>
										<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
									</blockquote>
									<span>Nathalie Kosley, via <a href="#" class="twitter">Twitter</a></span>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="__TMPL__/public/view/images/person3.jpg" alt="user">
									</figure>
									<blockquote>
										<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
									</blockquote>
									<span>Yanna Kuzuki, via <a href="#" class="twitter">Twitter</a></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="fh5co-blog-section" class="fh5co-light-grey-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Recent from Blog</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-6 animate-box">
					<a href="#" class="item-grid">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_1.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">We Create Mobile App</h3>
								<h5 class="date"><span>June 23, 2016</span> | <span>4 Comments</span></h5>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-6 col-sm-6 animate-box">
					<a href="#" class="item-grid">
						<div class="image" style="background-image: url(__TMPL__/public/view/images/image_2.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="date"><span>June 22, 2016</span> | <span>10 Comments</span></h5>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a href="#" class="btn btn-primary with-arrow">View More Post <i class="icon-arrow-right"></i></a></p>
				</div>
			</div>
		</div>
	</div>
	<div id="fh5co-pricing-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Pricing</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="pricing">
					<div class="col-md-3 animate-box">
						<div class="price-box">
							<h2 class="pricing-plan">Starter</h2>
							<div class="price"><sup class="currency">$</sup>9<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>

					<div class="col-md-3 animate-box">
						<div class="price-box">
							<h2 class="pricing-plan">Basic</h2>
							<div class="price"><sup class="currency">$</sup>27<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>

					<div class="col-md-3 animate-box">
						<div class="price-box popular">
							<h2 class="pricing-plan pricing-plan-offer">Pro <span>Best Offer</span></h2>
							<div class="price"><sup class="currency">$</sup>74<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>

					<div class="col-md-3 animate-box">
						<div class="price-box">
							<h2 class="pricing-plan">Unlimited</h2>
							<div class="price"><sup class="currency">$</sup>140<small>/month</small></div>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
							<a href="#" class="btn btn-select-plan btn-sm">Select Plan</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="fh5co-cta" style="background-image: url(__TMPL__/public/view/images/slide2.jpg);">
		<div class="overlay"></div>
		<div class="container">
			<div class="col-md-12 text-center animate-box">
				<h3>我们每天都希望改进一点点</h3>
				<p><a href="<?php echo cmf_url('blog/index/callus'); ?>" class="btn btn-primary btn-outline with-arrow">告诉我您的意见或建议！ <i class="icon-arrow-right"></i></a></p>
			</div>
		</div>
	</div>

		<footer id="fh5co-footer" role="contentinfo">

    <div class="container">
        <div class="col-md-3 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
            <h3>关于我们</h3>
            <p>龙窝个人工作室</p>
            <p><a href="<?php echo cmf_url('blog/index/callus'); ?>" class="btn btn-primary btn-outline with-arrow btn-sm">加入我们 <i class="icon-arrow-right"></i></a></p>
        </div>
        <div class="col-md-6 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
            <h3>我们的服务</h3>
            <ul class="float">
                <li><a href="https://baike.baidu.com/item/%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C/259943?fr=aladdin" target="_blank">网站制作</a></li>
                <li><a href="https://baike.baidu.com/item/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7/4916400?fr=aladdin" target="_blank">微信公众号制作</a></li>
                <li><a href="https://baike.baidu.com/item/php/9337" target="_blank">PHP</a></li>
                <li><a href="https://baike.baidu.com/item/Python/407313" target="_blank">Python</a></li>
            </ul>
            <ul class="float">
                <li><a href="https://baike.baidu.com/item/html5" target="_blank">HTML5</a></li>
                <li><a href="https://baike.baidu.com/item/javascript/321142?fromtitle=JS&fromid=10687961" target="_blank">JS</a></li>
            </ul>

        </div>

        <div class="col-md-2 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
            <h3>关注我们</h3>
            <ul class="fh5co-social">
                <li id="app"><a v-on:click="show = !show"><i class="icon-wechat"></i></a><transition name="fade"><p v-if="show">Aka981004</p></transition></li>
                <li id="app1"><a v-on:click="show = !show"><i class="icon-qq"></i></a><transition name="fade"><p v-if="show">425084984</p></transition></li>
                <li id="app2"><a v-on:click="show = !show"><i class="icon-weibo"></i></a><transition name="fade"><p v-if="show">白先生O_O</p></transition></li>
            </ul>
        </div>
        <style>
            .fade-enter-active, .fade-leave-active {
                transition: opacity .5s
            }
            .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
                opacity: 0
            }
        </style>
        <script>
            var app = new Vue({
                el: '#app',
                data: {
                    show:false
                }
            });
            var app1 = new Vue({
                el: '#app1',
                data: {
                    show:false
                }
            });
            var app2 = new Vue({
                el: '#app2',
                data: {
                    show:false
                }
            })
        </script>
        <div class="col-md-12 fh5co-copyright text-center">
            <p>&copy; 2018 白龙 . All Rights Reserved.</p>
            <p>陕ICP备17015121号</p>
            <?php 
                $view = file_get_contents('view.txt');
                $vp = $view + 1;
                file_put_contents("view.txt", $vp);
             ?>
            <p style="color: white;">累计访问量：<?php echo number_format($view) ?> 次 <b style="font-size: 20px;">☺</b></p>
        </div>
    </div>
</footer>
</div>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<!-- jQuery Easing -->
<script src="__TMPL__/public/view/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="__TMPL__/public/view/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="__TMPL__/public/view/js/jquery.waypoints.min.js"></script>
<!-- Owl Carousel -->
<script src="__TMPL__/public/view/js/owl.carousel.min.js"></script>
<!-- Flexslider -->
<script src="__TMPL__/public/view/js/jquery.flexslider-min.js"></script>

<!-- MAIN JS -->
<script src="__TMPL__/public/view/js/main.js"></script>

</body>

</html>

